<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>layout 管理系统大布局 - Layui</title>
	<link rel="stylesheet" href="/assets/lib/layui/css/layui.css">
	<link rel="stylesheet" href="/assets/fonts/iconfont.css">

	<link rel="stylesheet" href="/assets/css/index/index.css">
</head>

<body>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">
				<img src="/assets/images/logo.png" alt="">
			</div>

			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item">
					<a href="javascript:;" class="userBox">
						<!-- <img id="avatarImg" src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
							class="layui-nav-img"> -->
						<img src="http://t.cn/RCzsdCq" class="layui-nav-img" />
						<span class="text-avatar">A</span>
						个人中心
					</a>
					<dl class="layui-nav-child">
						<dd><a href="">基本资料</a></dd>
						<dd><a href="">更换图像</a></dd>
						<dd><a href="">重置密码</a></dd>
					</dl>
				</li>
				<li class="layui-nav-item" id="logout"><a href="javascript:;">Sign out</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<div class="userinfo userBox">
					<img src="http://t.cn/RCzsdCq" class="layui-nav-img" />
					<span class="text-avatar">A</span>
					<span id="welcome">欢迎 ***</span>
				</div>
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="test">
					<li class="layui-nav-item layui-nav-itemed">
						<a class="" href="javascript:;">
							<i class="iconfont icon-home"></i>
							首页
						</a>

					</li>
					<li class="layui-nav-item">

						<a href="javascript:;">
							<i class="iconfont icon-16"></i>
							文章管理</a>
						<dl class="layui-nav-child">
							<dd><a href="/article/art_cate.html" target="fm">
									<i class="layui-icon layui-icon-app"></i>文章类别</a></dd>
							<dd><a href="/article/art_list.html" target="fm"><i class="layui-icon layui-icon-app"></i>文章列表</a></dd>
							<dd><a href="/article/art_pub.html" target="fm"><i class="layui-icon layui-icon-app"></i>发表文章</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							<i class="iconfont icon-user"></i>
							个人中心</a>
						<dl class="layui-nav-child">
							<dd><a href="/user/user_info.html" target="fm"><i class="layui-icon layui-icon-app"></i>基本资料</a></dd>
							<dd><a href="/user/user_avatar.html" target="fm"><i class="layui-icon layui-icon-app"></i>更换图像</a></dd>
							<dd><a href="/user/user_pwd.html" target="fm"><i class="layui-icon layui-icon-app"></i>重置密码</a></dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="padding: 15px;background:#eee;box-sizing: border-box;">
				<!-- 内容主体区域 -->
				<iframe name="fm" src="/article/art_pub.html" frameborder="0"></iframe>
			</div>
		</div>

		<div class="layui-footer" style="text-align: center;">
			<!-- 底部固定区域 -->
			© www.itheima.com - 黑马程序员
		</div>
	</div>


	<script src="/assets/lib/layui/layui.all.js"></script>

	<script src="/assets/lib/jquery.js"></script>

	<script src="/assets/js/baseAPI.js"></script>
	<script src="/assets/js/index.js"></script>

</body>

</html>
